/* Html default */
body {
padding:0;
margin:0;
background-image:url(img/bg01.gif);
background-repeat:repeat-x;
background-color:black;
font-size:12px;
font-family:Arial, Verdana;
}

* { font-size:12px; color:#333; }

a {

color:white;
}

input,textarea { padding:2px; border:1px solid #ccc; }

/* Div id's */
#main {
	position:relative;
	left:10%;
	width:80%;
}

#head {
	background-image:url(img/bg_box_bot.gif);
	background-repeat:repeat-x;
	opacity: 0.5;
	padding:5px;
	border:2px solid #ccc;
	border-top:0px;
}
#head a {
	color:black;
	text-decoration:none;
}

#headleft {
	float:left;
	width:40%;
}
#headright {
	float:right;
	width:60%;
	text-align:right;
}
#headclear {
	clear:both;
}

#title {
	padding:5px;
	height:80px;
}
#titleleft {
	float:left;
	width:40%;
}
#titleright {
	float:right;
	width:60%;
	text-align:right;
}
#titleclear {

}

#menu {
	height:37px;
	width:100%;
	background-color: #1e3647;
}
#menuleft {
	float:left;
	width:1%;
	height:37px;
	background-color: #e06901;
}
#menucontent {
	float:right;
	width:99%;
}

#area {
	padding-top:10px;
}

#area * a {
	color: #0066cc;
	text-decoration:none;
}
#area * a:hover {
	color: green;
	text-decoration:none;
}


#arealeft {
	float: left;
	width:20%;
}
#areacenter {
	float:left;
	width:60%;
	background-color:#eee;
	padding:10px;
}


#arearight {
	float: left;
	width: 18%;
	text-align:center;
	background-color:#eee;
	opacity:0.5;
}


#areaclear {
	clear:both;
}

#footer {
	clear:both;
	background-image:url(img/bg_box_bot.gif);
	background-repeat:repeat-x;
	opacity: 0.6;
	padding:10px;	
}

/* Main classes */
.title {
	font-size:18px;
	
}





